<template>
	<!-- 大图卡片 -->
	<view class="datu-card">
		<view class="card" v-for="(item,index) in shulist" :key="index" @click="toXiangqing">
			<view class="img">
				<image :src="item.imgSrc" mode=""></image>
			</view>
			<view class="like-item">
				<view class="like-head">{{item.title}}</view>
				<view class="like-body">
					<text>{{item.geng}}</text>
					<text>{{item.author}}</text>
				</view>
				<view class="like-end">
					{{item.desc}}
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name:"datu-card",
		props:{
			shulist:{
				type:Array,
				default(){
					return []
				}
			}
		},
		data() {
			return {
				//newList:[]
				//page :1,  //页码
				// timer : null;
			};
		},
		methods:{
			toXiangqing(){
				uni.navigateTo({
				    url: '../../pages/xiangqing/xiangqing'
				});
			}
		}
	}
</script>

<style scoped lang="scss">
.datu-card{
	padding: 20rpx 24rpx 0;
	.card{
		background: #FFFFFF;
		// margin: 0 18rpx;
		display: flex;
		padding: 10rpx 0;
		.img{
			image{
				width: 210rpx;
				height: 290rpx;
			}
			
		}
		.like-item{
			margin-left: 28rpx;
			font-family: Microsoft YaHei;
			.like-head{
				font-size: 35rpx;
				font-weight: bolder;
				color: #000000;
				line-height: 50rpx;
			}
			.like-body{
				display: flex;
				justify-content: space-between;
				font-size: 24rpx;
				font-weight: 400;
				color: #A7A7A7;
				line-height: 65rpx;
			}
			.like-end{
				height: 200rpx;
				font-size: 30rpx;
				font-weight: 400;
				color: #939393;
				line-height: 49rpx;
				overflow: hidden;
				word-break: break-all;  /* break-all(允许在单词内换行。) */
				text-overflow: ellipsis;  /* 超出部分省略号 */
				display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
				-webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
				-webkit-line-clamp: 4; /** 显示的行数 **/
			}
		}
	}
}
</style>
